<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
	<head>
		<title>Open Groups - Help</title>
		<link rel="stylesheet" type="text/css" href="style.css"/>
	</head>
	
	<body>
		<div class="heading"><a href="../help.html">Help</a> &gt; 5. User settings</div>
		<div class="content">This section gives you an overview the user settings page and its capabilities.</div>
		
		<div class="block">
			<div class="heading">5.1. Personal details:</div>
			Similarly to the registration page, you can use the settings page to change your personal details at any time. If you do not wish to change your password, simply leave its as blank. Also notice, that you email address must be unique across the system.
		</div>
		<img src="res/6.png"/>
		
		<div class="block">
			<div class="heading">5.2. Theme and avatar:</div>
			At the bottom of the settings page you'll notice 2 extra fields. They are to change the theme and avatar of the application. This allows you to customize Open Groups to fit your personality. Notice that this change only affects your Open Groups account and not the application as a whole, meaning that should you have more than 1 user logging into Open Groups on the same computer, each user's customized skin will be loaded when logging in.
		</div>
		<img src="res/7.png"/>
		
		<div class="block">
			<div class="heading">5.3. Theme library:</div>
			Using the theme library popup you can customize the skin of your application. There are many different skins to choose from. When you click confirm on the popup, the new skin will be loaded.
		</div>
		<img src="res/8.png"/>
		
		<div class="block">
			<div class="heading">5.4. Avatar library:</div>
			Using the avatar library popup you can customize the avatar icon of your application. There are many different avatars to choose from. When you click confirm on the popup, the new avatar will be loaded.
		</div>
		<img src="res/9.png"/>
		
		<div class="nav">
			<a href="4.html" style="float: left;">&lt; Back</a>
			<a href="6.html" style="float: right">Next &gt;</a>
		</div>
	</body>
</html>